/* CSS Document */
@import 'calendar/scal.css';

BODY, HTML { height:100%; font-family:Arial, Helvetica, sans-serif;}
BODY#contents { overflow:hidden}
DIV, SPAN, H1, H2, H3, H4, H5, H6, P { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
DIV, SPAN, TD, P { font-size:12px}
A { text-decoration:none}
IMG { border:0}
b { width:1px; height:1px; background:#FFF; position:absolute; top:0; left:0}
i { width:1px; height:1px; background:#FFF; position:absolute; top:0; right:0}
.clear { height:0px; line-height:0px; font-size:0px; border:0; margin:0; padding:0; clear:both}

#loader { background:#FFF; width:3000px; height:3000px; position:absolute; top:0; left:0; z-index:9999999}

/* Bottoni */
.txtBtn { font-family: Arial; font-size: 11.2px; font-weight: bold;}
.txtBtn.green { background: green; color: #FFF !important; padding: 0 4px; line-height: 8px; height: 8px; overflow: hidden}

/*
INPUT { border:1px solid transparent; font-size:11.4px}
INPUT:HOVER {  background:#1AABDA; color:#FFF; cursor:pointer}
*/

/* HEADER */
BODY#header { background:#333; margin:0; padding:0}
#headerContent { position:relative; padding:4px 8px}
#headerContent H1 {font-size:20px; color:#bbb; font-weight:normal}
#headerContent H2 {font-size:14px; color:#bbb; font-weight:normal}
#headerContent DIV#logout { position:absolute; top: 17px; right: 30px}
#headerLogo { float:left; margin-right:20px}
.contentPad { padding:5px 10px}
/* FINE HEADER */


/* MENU */
BODY#menu { padding:0; margin:0; background:#f3f3f3; overflow:hidden }
#menuRightBar {width: 5px; height:7000px; background:#ccc; color:#000; position:absolute; right:0; top:0; }
.menuHeader { background:#FFF; width: 100%; padding:0; margin:0}
.menuHeader H3 { padding:5px 20px 5px 10px}
#menuContent {position:relative; padding:0; margin:0}
#menuContent .menuRefreshButton { position:absolute; top:5px; right:5px}
#menuContent HR { height:1px !important; font-size:1px !important; line-height:1px !important; color:#333; border:0}
#menuContent SPAN.opener { font-weight:bold; padding:2px; padding:2px 6px}
#menuContent SPAN.opener A, #menuContent A { color:#333; font-size:12.4px; white-space:nowrap}
#menuContent .subMenu { margin:0px 0 0 16px; display:none}

/* FINE MENU */


/* EDIT */
.field_data INPUT { width:100px}
.field_data .calendarButton {display: inline; position: relative}
.field_data .calendarButton .calendar {position: absolute; top: -40px; left: -40px; display: none; z-index:999999; border: 2px solid #ddd;}
.field_data .calendarButton .calendar A { cursor: pointer !important}

/* CONTENT */
#popupCalendar { position:absolute; top: -50px; left: -50px; display:none}
.btnCheckAll { font-size:10.4px}
.fastEditing { background: red !important}
#messagePanel { display:none}
#messagePanel.on
TABLE.contentsTable { background:#FFF}
TABLE.contentsTable TR.header { background:#CCC}
TABLE.contentsTable TR TH { background:#666; color:#FFF; text-align:left}
TABLE.contentsTable TR TH.ordering { background:#444; color:#FFF}
TABLE.contentsTable TR TH A { color:#FFF; text-align:left}
TABLE.contentsTable TR TD, TABLE.contentsTable TR TD DIV { text-align:left; color: #333; font-size:11.7px}
TABLE.contentsTable TR TD { border-bottom:1px solid #afc8dc !important}
TABLE.contentsTable TR TD.crossField { background:#90EE90}
TABLE.contentsTable TR TD.vcrossField { background:#86D0DD}
TABLE.contentsTable TR.row1 { background:#daeaf6;}
TABLE.contentsTable TR.row2 { background:#daeaf6}
TABLE.contentsTable TR.row1.selected { background:#ffffbe}
TABLE.contentsTable TR.row2.selected { background:#f6f6ad}
TABLE.contentsTable TR.row1.selected TD.crossField { background:#e0ee90}
TABLE.contentsTable TR.row1.selected TD.vcrossField { background:#70bac7}
TABLE.contentsTable TR.row2.selected TD.crossField { background:#d0de82}
TABLE.contentsTable TR.row2.selected TD.vcrossField { background:#5ba8b5}

TABLE.editContentsTable TR TH { background:#666; color:#FFF; font-size:13.5px; font-weight:normal; text-align:left}
TABLE.editContentsTable TR TH A { color:#FFF; text-align:left}

TABLE.NormalDataTable { width: 100%; border: 2px solid #eee}
TABLE.NormalDataTable tr th { text-align: left; font-size: 14px; font-weight: normal; background: #666; color: #eee; padding: 3px; margin: 0}


H1 { padding:4px 10px; font-size:22.5px; font-weight:normal}
H1 SPAN.description { font-size:11px; font-weight:normal}
H1 SPAN.pluginName { font-size:18.6px; font-weight:normal; color:#36a8ff}

.dataWrapper.calendar {background: #FFF; text-align:center; width:30px; margin:0 auto; border:1px solid #ddd; line-height:10px}
.dataWrapper.calendar .day {color: red; font-size:16px; display:block; margin:4px 5px 3px 5px; font-weight:bold; text-align:center}
.dataWrapper.calendar .month {text-transform:uppercase; color: #666; font-size:11px; text-align:center}

#contentWrapper { overflow:auto; border: 2px solid #333; border-top: 3px solid #333;}
#tabContainer { padding:0; display:block; }
.tabStyle {margin-left: 1px; background: #888; display:block; float: left; height:16px; padding:3px 10px; color: #FFF; position:relative}
.tabStyle.pageLogger {float:right; background: #FFD800; margin-right: 6px; color: #333; overflow:auto; font-size:10px}
.tabStyle.pageLogger A { margin-right:8px; color:#333; font-weight:bold; font-size:12px}
.tabStyle.special1 { background:#36a8ff}
.tabStyle.special1 A , .tabStyle.special1 IMG { vertical-align:middle}
#tabMultipleDelete, #tabDuplicate { display:none}
.tabStyle A { color:#FFF}
.tabStyle SELECT, .tabStyle SELECT OPTIONS { font-size: 10px; padding:0px; line-height:10px; height:16px}
.tabStyle.eraseTab { background:red}
.tabStyle.eraseTab A { color:#333}
.tabStyle.on { background:#000;}
.btnOrder { white-space:nowrap; color:#000; font-size:14.5px; font-weight:normal}

/**----filter---**/
#tabContent { background:#333; display:none}
#filterBox { background:#FFF; margin:4px; padding:10px}
#filterBox H3 { margin:0 }
#searchBox { background:#FFF; margin:4px; padding:10px}
#searchBox H3 { margin:0 }

/* Toolbar */
#toolBar { background:#eee; padding:0 6px; position:relative; border-bottom:1px solid #666}
#toolBar .FirstLevel, #toolBar .FirstLevel LI { list-style-type:none; padding:0; margin:0}
#toolBar .FirstLevel LI { float:left; position:relative}
#toolBar .FirstLevel LI A { display:block; padding:4px 8px; color:#333; background:#eee}
#toolBar .FirstLevel LI A:HOVER, #toolBar .FirstLevel LI.on A { background:#666; color:#fff}
#toolBar UL.SecondLevel { position:absolute; top:23px; left:0px; display:none; background:#eee; border:1px solid #999; border-bottom:0; padding:0 0 0 0; z-index:99}
#toolBar .SecondLevel A, #toolBar .SecondLevel SPAN.toolBarContent { display:block !important; width:165px; background:#eee !important; color:#333 !important; border-bottom:1px solid #666}
#toolBar .SecondLevel A:HOVER { background:rgb(54,168,255) !important; color:#FFF !important}

/* Fastedit */
DIV.fastEditContainer { padding:0; overflow:hidden}
DIV.fastEditContainer IFRAME { border:0;}

/* FINE CONTENT */

/* Popup */
#popupContent { padding-bottom:30px}
#popupButtonRow {position: absolute; bottom:0; left:0; width:100%; background:#eee; text-align:right; padding:5px 0}
#popupButtonRow .buttonLeft { margin-right: auto}
#popupButtonRow INPUT { margin-right:6px}
.resultOK {background: green; float:left; margin-left:5px; padding: 3px 8px; color: #FFF; font-weight:bold}
.popupCloseButton {position:absolute; top: 8px; right:8px}



/* CONSOLE */
#Console {position: absolute; background: #000; top: -300px; left: 150px; width: 500px; height: 350px; font-size:10px; color:#fff; z-index:9999}
#Console.popup {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
#Console DIV.ConsoleContainer { height:350px; overflow:auto}
#Console.popup DIV.ConsoleContainer { height: 100%}
#Console #consoleShower {background:#000; border:0; color:#FFF; font-size:10px; font-family:"Courier New", Courier, monospace; padding:10px 10px 0 10px}
#Console #consoleInput {margin: 0 10px; width: 450px; background:#000; border:0; color:#FFF; font-size:10px; font-family:"Courier New", Courier, monospace}



/* CONFIGURATOR */
#conf_messager { background:#f3f3f3; padding:5px;}
#conf_messager_debug { display:none}
#newUserTable { display:none}
#editUserTable { display:none}


/* Menu */
#MenuTree { margin:0; padding:10px}
#MenuTree IMG { vertical-align:middle !important}
#MenuTree UL, #MenuTree LI { list-style-type:none; padding:0; margin:0; white-space:nowrap}
#MenuTree UL { padding:0}
.menuTree_branch { background:red url(../i/tree-branch.gif) repeat-y 0 0}
.menuTree_treeHead A { border:0; font-weight:bold; font-size:10.4px;}


.LightboxBase_style, .LightboxContainer_style {
	position: absolute;
	top: 0; 
	left: 0; 
	z-index: 100;
	background: #333
}
#LightboxContainer {
	z-index: 101; 
	background: #333; 
}

.LightboxController_style {
	text-align: left; 
	background: #000; 
	padding: 4px 6px; 
	font-weight: bold;
	color: #fff;
	position: relative;
}
.LightboxController_style a {
	position: absolute; 
	top: 0; 
	right: 6px;
	color: #fff; 
	font-weight: bold; 
	margin: 4px 0; 
	cursor: pointer !important
}
.LightboxController_style p {
	color: #fff; 
	font-weight: normal; 
	padding: 0 40px 0 0
}
#LightboxContent_style {
	overflow: auto !important; 
	background: #fff !important; 
	text-align: left;
}
